<template>
  <div>
    <h1>{{count}}</h1>
  </div>
</template>

<script>
export default {
  name:'App',
  data(){
    return{
      count:1
    }
  },
  /* 
    new Vue之后,先初始化事件系统和生命周期系统,数据等等都没有开始放在实例上
  */
  beforeCreate(){
    console.log(this);
    console.log(this.count);
    debugger
  },

/* 
  在created之前,拿到了data属性,并在实例上放入了_data属性保存data数据
  并且进行了数据代理和数据劫持的操作
  在created中就能拿到了数据

  beforCreate和created中的创建前创建后的'创建'指的是:_data数据的创建和数据代理,数据劫持的创建
*/
  created(){
    console.log(this);
    debugger
  }

}
</script>

<style>

</style>